.leftMenu a {
    text-decoration: none;
    display: block;
}

.leftMenu {
    background:#5f5f5f;
    left: -1000px;
    position: fixed;
    top: 0px;
    display: block;
    height: 100%;
    width: 68%;
    min-width: 140px;
    max-width: 440px;
    z-index: 90002;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    position: fixed;
    overflow: auto;
    
}

.f1{
	display: none;
}
.leftMenu.menu-open {
    left: 0;
    display: block;
    
}
.leftMenu.menu-open .f1{
	display: block;
}

.leftMenu ul {
    list-style: none;
    padding: 0;
    overflow: hidden;
   
}


.leftMenu ul li {
    position: relative;
    padding: 10px 0 10px 20px;
    overflow:hidden;
}
.leftMenu .f2 ul li{
	    
    padding: 4px 0 4px 0px;
    overflow: hidden;
      border-bottom:1px solid hsla(0, 0%, 100%, 0.12);
}
   
.leftMenu ul li.hasChild > a:after {
    content: "+";
    position: absolute;
    right: 20px;
    top: 0px;
    font-size: 24px;
    font-weight: 300;
}

.leftMenu ul li.hasChild.open > a:after {
    content: "-";
    right: 23px;
    font-size: 28px;
    top: -3px;
}
.leftMenu ul li a{
	color: #fff;
}

.f2, .f3 {
    height: 0;
    padding-left: 20px;
    overflow: hidden;
    position: relative;
    transition: height 0.4s ease;
    -moz-transition: height 0.4s ease;
    -webkit-transition: height 0.4s ease;
    -o-transition: height 0.4s ease;
        padding-right: 20px;
    text-align: center;
}

.menu-dark-backdrop {
    background: rgba(0,0,0,0);
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    bottom:0;
    overflow: hidden;
    
}

    .menu-dark-backdrop.in {
        height: 100%;
        z-index: 90001;
        background: rgba(0,0,0,0.5);
       
    }